<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="${layout} :: common_header(~{::title})">
    <title th:text="${pageTitle}">Home</title>
</head>

<body th:replace="${layout} :: common_body(~{::div.content-wraper})">


<div class="content-wraper">
    <div class="content-wraper">
        <div class="banner">
            <div class="swiper-container banner-container">
                <div class="swiper-wrapper banner-wrapper">
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="/front/images/bg_banner.png" class="banner" alt="banner">
                        </a>
                    </div>
                </div>
                <div class="swiper-pagination banner-pagination swiper-pagination-white"></div>
            </div>
        </div>
        <div class="container">
            <div class="tab-box">
                <div class="tab-item news1 active" th:text="*{language.equals('zh')} ? '公司新闻' : 'Company News'">
                    Company News
                </div>
                <div class="tab-item news2" th:text="*{language.equals('zh')} ? '行业新闻' : 'Industry News'">
                    Industry News
                </div>
            </div>
            <!-- 公司新闻 -->
            <div class="company-news">
                <div class="news-list">
                    <a th:href="@{'/'+${language}+'/newsDetail/'+${item.id}}" class="news-item" th:each="item :${lists}">
                        <img th:src="${item.getImgUrl()}" >
                        <div class="news-detail-box">
                            <div class="news-title" th:text="${item.getTitle()}">
                                The 18th China (Shanghai) Devices Exhibition 2016
                            </div>
                            <div class="news-time" th:text="${#dates.format(item.getStartTime(), 'yyyy-MM-dd')}" >
                                2020-03-20
                            </div>
                            <div class="news-desc" th:utext="${item.getContent()}">
                                CMEH  has been successfully held seventeen sessions, after years of development, has become one of the largest international medical equipment exhibition. The exhibition widely covers medical electronics and medical imaging equipment, wards and auxiliary equipment,
                            </div>
                        </div>
                    </a>
                </div>

                <div class="pagination-box">
                    <paging:pager th:value="${pageIndex}" th:rows="${totalSize}" th:size="${pageSize}"/>
                </div>
            </div>
            <!-- 行业新闻 -->
            <div class="industry-news">
                <div class="news-list">
                    <a th:href="@{'/'+${language}+'/newsDetail/'+${item.id}}" class="news-item" th:each="item :${lists1}">
                        <img th:src="${item.getImgUrl()}" alt="">
                        <div class="news-detail-box">
                            <div class="news-title" th:text="${item.getTitle()}">
                                The 18th China (Shanghai) Devices Exhibition 2016
                            </div>
                            <div class="news-time" th:text="${#dates.format(item.getStartTime(), 'yyyy-MM-dd')}">
                                2020-03-20
                            </div>
                            <div class="news-desc" th:utext="${item.getContent()}">
                                CMEH  has been successfully held seventeen sessions, after years of development, has become one of the largest international medical equipment exhibition. The exhibition widely covers medical electronics and medical imaging equipment, wards and auxiliary equipment,
                            </div>
                        </div>
                    </a>

                </div>
                <div class="pagination-box">
                    <paging:pager th:value="${pageIndex1}" th:rows="${totalSize1}" th:size="${pageSize1}"/>
                </div>
            </div>
    </div>
</div>
</div>
</body>

</html>